<template>
	<div id="app" class="h-100">
        <router-view></router-view>
        <!-- <router-view name="map"></router-view> -->
	</div>
</template>

<style lang="scss">
    @import './../node_modules/bootstrap/scss/bootstrap';
    @import './../node_modules/element-ui/lib/theme-chalk/index.css';
	
	// #app {
	// 	font-family: 'Avenir', Helvetica, Arial, sans-serif;
	// 	-webkit-font-smoothing: antialiased;
	// 	-moz-osx-font-smoothing: grayscale;
	// 	text-align: center;
	// 	color: #2c3e50;
	// }
    html, body {
        height: 100%;
        overflow: hidden;
    }
    button:focus{
        outline: 0;
    }

    .el-dialog__body{
        padding: 20px;
    }

    /* 滚动条样式 */
    ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    }
    /* 背景 */
    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 20px rgba(0,0,0,0);
        -webkit-box-shadow: inset 0 0 20px rgba(0,0,0,0);
        border-radius: 10px;
        margin: 2px 0;
    }
    /* bar */
    ::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #ddd;
        box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
        -webkit-box-shadow: inset 0 0 20px rgba(0,0,0,0.2);
    }
</style>
